<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
        <style>
            .ui-helper-clearfix{
                display: inline-block;
            }
            #logoPic {
                display: block;
                float: left;
            }
            #naviBar {
                float: right;
                margin: 110px 10px 10px 10px;
            }
        </style>
    </h:head>

    <h:body>

        <div id="root">
            <div id="top">
                <div class="navBar">
                    <div id="logoPic">
                        <p:graphicImage value="/images/logo2.png" style="padding: 20px 0px 0px 0px" width="250px" height="110px"/>
                    </div>
                    <div id="naviBar">
                        <ui:include src="./../Workspace/navigationBar.xhtml"/>
                    </div>
                </div>
                <div class="top_content">
                    <ui:insert name="top">Top</ui:insert>
                </div>
            </div>
            <div id="wrapper">
                <div>
                    <div id="left">
                        <ui:include src="./../Workspace/leftMenu.xhtml"/>
                        <ui:insert name="left">Left</ui:insert>
                    </div>
                    <div>
                        <div id="right">
                            <div id="calendar">
                                <p:calendar navigator="true" mode="inline" style="width: 200"/>
                            </div>
                            <ui:insert name="right">Right</ui:insert>
                        </div>
                        <div id="content_wrapper">
                            <div id="content" class="right_content">
                                <ui:insert name="content">Content</ui:insert>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="bottom">
                    <div id="copyrights">
                        <ui:insert name="bottom">Bottom</ui:insert>
                    </div>
                </div>
            </div>
        </div>
        <div class="sessionOut">
            <h:form id="sessionOutForm">
                <p:idleMonitor timeout="600000" idleListener="#{workspaceManagerBean.idleListener}"/>
            </h:form>
            <h:form id="sessionOutRemind">
                <p:idleMonitor timeout="560000" onidle="idleDialog.show();"/>
                <p:dialog header="Session Out Reminder" resizable="false"  
                          widgetVar="idleDialog" modal="true" width="400">  
                    <h:outputText value="You have been idle for too long and your session will be logged out in 1 minute if it continues to be idle." />  
                </p:dialog>
            </h:form>
        </div>
    </h:body>

</html>
